/*ZOORAN NETWORK 特别声明 飞扬网络保留一切权利 任何非法复制都将被追究责任*/
/* CSS Document */
.topbar {
	width:100%;
	height:30px;
	line-height:30px;
	background:#2C2C2C;
	color:#b5b5b5
}
.topbar .inner {
	width:985px;
	margin:0 auto;
}
.topbar .inner .products {
	float:left;
	height:100%;
}
.topbar .inner .loginreg {
	float:right;
}
.topbar .inner .products ul li,.topbar .inner .loginreg ul li {
	float:left;
	font-family:"Microsoft Yahei";
	font-size:12px;
	padding:0px 10px 0px 10px;
}
.topbar .inner .products ul li a,.topbar .inner .loginreg ul li a {
	color:#cecece
}
.topbar .inner .products ul li.last {
	border-right:0px;
}
.topbar .inner .products ul li:hover,.topbar .inner .loginreg ul li:hover {
	background:#3e3e3e;
}
.topbar .inner .products ul li.weibo {
	background:url(../images/weibo.png) 10px center no-repeat;
	padding-left:35px;
}

.topbar .inner .products ul li.iphone {
	background:url(../images/iPhone.png) 10px center no-repeat;
	padding-left:35px;
}
.header{height:75px;width:100%;min-width:1000px;top:0;left:0;background:#fff;z-index:99;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #e5e5e5;}
@media screen and (max-width:1000px){
	.header{position:relative;}
}
.logo{width:20%;float:left;}
.logo > a{display:block;height:50px;background:url(../images/logo.png) no-repeat 0 0;margin:5px 0;}
.header-nav{width:80%;float:left;}
.header-nav ul,.header-nav li{list-style:none;float:left;padding:0;margin:0;}
.header-nav ul{width:100%;}
.header-nav li{width:100px;height:70px;text-align:center;font-size:16px;}
.header-nav li a{color:#333;padding:15px 0;border-bottom:2px solid #fff;width:90px;display:inline-block;margin:10px 0 0 0;text-decoration:none;cursor:pointer;}
.header-nav li a:hover,.header-nav li a.active{border-color:#97c13c;color:#97c13c;}
.header-btns{width:20%;float:left;padding:20px 0 20px 0;text-align:right;height:30px;}
.wrap{width:1000px;margin:0px auto;float:none;}
/*three*/
.three h4{font-size:45px;line-height:100px;margin:0;padding:0;color:#000;font-weight:normal;}
.three small{font-style:normal;font-size:15px;}
.three small i{font-style:normal;color:#78c11a;font-size:24px;padding:0 5px;}
.three h4,.three small{display:block;text-align:center;}
/*start@bd_cont_02*/
.bd_auto{ width:960px; margin:0 auto; overflow:hidden;}
#bd_cont_02{ width:100%; height:371px; background:url(../images/bd_cont_02bg.png) no-repeat center top #0075c1;}
#bd_cont_02 .title{ height:55px; color:#fff; font-size:32px;}
#bd_cont_02 p{ line-height:22px; color:#fff; padding-bottom:10px;}
#bd_cont_02 b{ line-height:50px; font-size:32px; color:#fffe9b;}
.cont_02_l{ padding-top:75px; padding-left:75px; width:330px; float:left;}
.cont_02_r{ width:320px; height:296px; padding-top:75px; padding-right:75px; float:right; background:url(../images/cont_02_rbg.png) no-repeat right 200px;}
/*end@bd_cont_02*/
.pics ul{position:relative;z-index:1;overflow:hidden;margin:0 auto;min-width:960px;width:100%;max-width:1000px;text-align:center;}
.pics ul li{position:relative;z-index:1;overflow:hidden;margin:0;width:33%;height:480px;}
.pics ul li.pic_left{
	float:left;
	border-right:1px solid #e5e5e5;
	background-position:50% 100%;
	background-repeat:no-repeat;
	background-image:url(../images/wf_pic_01.png);
	background-image:-webkit-image-set(
	  url(../images/wf_pic_01.png) 1x,
		url(../images/wf_pic_01@2x.png) 2x
	);
}
.pics ul li.pic_right{
	float:right;
	border-left:1px solid #e5e5e5;
	background-position:50% 100%;
	background-repeat:no-repeat;
	background-image:url(../images/wf_pic_03.png);
	background-image:-webkit-image-set(
	  url(../images/wf_pic_03.png) 1x,
		url(../images/wf_pic_03@2x.png) 2x
	);
}
.pics ul li.pics_center{
	margin:0 auto;
	background-position:50% 100%;
	background-repeat:no-repeat;
	background-image:url(../images/wf_pic_02.png);
	background-image:-webkit-image-set(
	  url(../images/wf_pic_02.png) 1x,
		url(../images/wf_pic_02@2x.png) 2x
	)
}
.pics ul li h2{margin:60px 0 10px;font-size:1.5em;}
.pics ul li p{font-size:16px;color:#666;line-height:1.5em;text-align: left;width: 90%;margin:0 auto;}
.pics ul li a{color:#28d;}
.pics ul li a:hover{text-decoration:underline;}
.pics_more{height:60px;position:relative;z-index:1;width:100%;min-width:960px;max-width:1190px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;margin:0 auto;}
.pics_more a{display:block;width:150px;margin:0 auto;text-align:center;line-height:62px;color:#28d;font-size:18px;}
.pics_more a:hover{text-decoration:underline;}
/*box*/
#main{ width:980px; margin:0 auto; overflow:hidden; padding:50px 0;}
.pb20_left {
padding:30px 0;
overflow:hidden;
zoom:1;
}

.pb20_left img {
float:left;
}
.box_main {
padding-bottom:25px;
padding-top:100px;
width:400px;
}
.pb20_left .box_main {
float:right;
}

.pb20_right {
padding:30px 0;
overflow:hidden;
zoom:1;
}

.pb20_right img {
float:right;
}

.pb20_right .box_main {
float:left;
}
.box_main h3 {
color:#24a0dc;
font-size:24px;
margin-bottom:15px;
font-weight:bold;
border-bottom:1px #e1e1e1 solid;
padding-bottom:10px;
}

.box_main h3 span{ font-size:18px;}

.box_main p {
line-height:25px;
color:#939393;
}

/*start@bd_cont_04*/
#bd_cont_04{ width:100%; height:450px; background:#0075c1;}
#bd_cont_04 .title{ position:absolute; top:70px; left:35px; font-size:32px; color:#fff; z-index:7; }
#bd_cont_04 .bd_auto{ height:450px; position:relative;}
ul.teb_out li{ width:960px; height:450px; overflow:hidden; display:none;}
ol.ol_li{ position:absolute; bottom:40px; left:35px;}
ol.ol_li li{ cursor:pointer; width:12px; height:12px; border:4px solid #fff; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; overflow:hidden; float:left; margin-right:10px;}
ol.ol_li li.current{background:#00a9f9;}
.teb_out_l{ float:left; padding-left:35px; padding-top:166px; width:320px;}
.teb_out_l .title1{ height:46px; font-size:24px; color:#fffe9b;}
.teb_out_l p{ color:#fff; line-height:22px;}
.teb_out_r{ float:right; width:595px; height:450px; overflow:hidden;}
/*end@bd_cont_04*/
#focusBar {
    width: 100%;
    height: 485px;
    clear: both;
    position: relative;
    background: #242424;
    overflow: hidden;
}

    #focusBar li {
        width: 100%;
        clear: both;
        height: 485px;
        display: none;
        position: absolute;
        /* position: relative; */
        background-repeat: no-repeat;
        background-position: center;
    }

    #focusBar .focusL {
        height: 485px;
        position: absolute;
        z-index: 19;
        /* left: -1000px; */
        top: 0px;
        left: -950px;
        margin-left: 50%;
    }

    #focusBar .focusR {
        height: 485px;
        position: absolute;
        z-index: 9;
        /* right: 1000px; */
        top: 0px;
        left: -950px;
        margin-left: 50%;
    }

a.arrL, a.arrR {
    display: block;
    width: 52px;
    height: 134px;
    position: absolute;
    top: 175px;
    z-index: 99;
    cursor: pointer;
    background-image: url(bt_arr.png);
    background-repeat: no-repeat;
}

a, a:hover {
    color: #666666;
    text-decoration: none;
    border: 0px;
}


a.arrL {
left: -52px;
background-position: 0px 0px;
}

a.arrR {
right: -52px;
background-position: -68px 0px;
}
/*页脚*/
h5{margin:0px;padding:0px;}
.footer{width:1000px;margin:0 auto;}
.cl{clear:both;}
.fl{float:left;}
.footcontainer a:hover{
    text-decoration: none;
    color: #666666;
}
.footcontainer{position:relative;bottom:0px;}
.footer{padding-top: 30px;padding-bottom:20px;background:#333 }
.footer a{
	color:#999!important;
}
.footer .dl_layout{
	width: 100px;
	height: 168px;
	padding:0px 20px;
}
.footer .right_border{
	border-right: #434343 solid 1px;
}
.footer .dl_layout dt{
	font-size: 18px;
	font-family:Microsoft Yahei;
	color: #FFFFFF;
	margin-bottom:23px; 
}
.footer .dl_layout dd{
	font-size: 12px;
	margin: 7px 0;
	color:#f2f3f5;
	font-family:Microsoft Yahei;
}
.footer dl .beian{
	width: 413px;
	height: 165px;
	padding-left:17px;
	color:#999;
}
.footer dl .beian p{
	margin-bottom:16px;
	font-size: 12px; 
	font-family:Microsoft Yahei;
}
.footer dl .beian .first{font-size: 16px; }
.footer dl .beian .instantmessage a{
    margin-right: 7px;
}
.friendlink{
	padding-top:20px; 
	padding-bottom:30px; 
	border-top: 1px dashed #484848;
	background:#333;
	width:1000px;
	margin:0 auto;

}
.friendlink p{
	margin: 5px 0 6px 18px;
}
.friendlink a,.friendlink span{
	color:#999;
	font-family: Microsoft Yahei;
	line-height: 
}
.friendlink a:hover{
	
}
.friendlink .baidurenzheng{
	margin-left: 6px;
	margin-top: -2px;
}
.instantmessage img{
	width:28px;
	height:auto;
}
.friendlink .link{
	text-align:center;
	margin:0 auto;
}
.footer .link a{color:#999!important;}
.friendlink p a{color:#999!important;}
/*客户案例*/
.aboutListBox { width:180px; padding:13px 13px 0px 13px; float:left;overflow:hidden; background-color:#ffffff; color:#999999; font-size:12px; line-height:20px; cursor:pointer;}
/*技术支持*/
.cl { width:100%; clear:both;}.fr { float:right;}.fl { float:left;}
.tit{ display:block; width:100%; font-size:18px; color:#000; margin-bottom:6px; }
.white,.white a:link,.white a:visited,.white a:hover,a.white,a.white:hover { color:#ffffff;}
.cont { width:1000px; clear:both; margin:40px auto;}
.contactL { width:631px; float:left; padding:30px 0px;}
.contactL li { clear:both; padding:0px 0px 15px; line-height:38px;}
.contactR { width:322px; float:right; padding:30px 0px 90px 0px; font-size:12px; color:#000;}
.contactL input { font-size:14px; line-height:18px; color:#ccc;}
.contactL li.tit { line-height:20px; height:20px;padding:0px 0px 0px 10px;clear:both; font-size:18px; color:#000;border-left:5px solid #fd8200;margin-bottom:25px;}
.contactR .tit,.contactL .tit{ line-height:20px; height:20px;padding:0px 0px 0px 10px; clear:both; font-size:18px; color:#000; border-left:5px solid #fd8200; margin-bottom:13px;}
.contactL .input1 { width:282px; height:18px; padding:10px 12px; border-color:#d9d9d9; border-style:solid; border-width:1px; margin:0px;}
.contactL .input2 { width:605px; height:18px; padding:10px 12px; border-color:#d9d9d9; border-style:solid; border-width:1px; margin:0px;}
.contactL .input3 { width:605px; height:231px; padding:10px 12px; border-color:#d9d9d9; border-style:solid; border-width:1px; margin:0px; color:#cccccc; font-size:14px;resize:none;}
a.qqBt { width:88px; padding-left:40px; height:32px; text-align:center; line-height:28px; font-size:14px; display:block; background:url(../images/bt_bg.gif) no-repeat 0px -160px; margin-top:10px;}
a.taobao { width:88px; padding-left:40px; height:32px; text-align:center; line-height:28px; font-size:14px; display:block; background:url(../images/bt_bg.gif) no-repeat 0px -195px;margin-top:10px;}
a.qqBt2 { width:88px; padding-left:40px; height:32px; text-align:center; line-height:28px; font-size:14px; display:block; background:url(../images/bt_bg2.gif) no-repeat 0px -160px; margin-top:10px;}
a.taobao2 { width:88px; padding-left:40px; height:32px; text-align:center; line-height:28px; font-size:14px; display:block; background:url(../images/bt_bg2.gif) no-repeat 0px -195px;margin-top:10px;}
.contactTxt { color:#000000; height:108px; clear:both; padding:17px 0px 8px 0px!important; padding:18px 0px 15px 0px; line-height:22px; text-align:left;}
.contactAdd { color:#000000; height:22px; clear:both; padding:14px 0px 12px 0px; line-height:22px;}
.font_blue{ margin-bottom:15px; color:#41b5eb;}
.font_blue p{ text-indent:8px;}
.contactL p{ padding-left:15px; font-size:12px; color:#666; margin-bottom:30px;}
.contactL .tit{ margin:0px 0px 15px;}
.tel{ display:block; clear:both; margin:10px 0px 0px;padding-left:36px; background:url(../images/tel.gif) no-repeat left 3px; height:auto; overflow:hidden; line-height:30px; color:#FD8100; font-size:16px;}
.service_div_box{ display:block; margin:25px 0px 25px; padding:10px 20px; border:1px solid #ddd; position:relative;}
.service_div_box h5{ display:inline-block; position:absolute; left:10px; top:-18px; padding:5px 8px; background:#fff;text-align:center; font-size:14px; color:#FD8100; font-weight:normal;}
